<!DOCTYPE html>
<html class="scr">    
<head>    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />   
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />   
	<meta name="apple-mobile-web-app-capable" content="yes" />   
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />   
	<meta name="format-detection" content="telephone=no" />   
	<title>武侯社区教育</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/dh/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/dh/jquery.SuperSlide.2.1.1.js"></script>
	
</head>
<body class="scr">
<div class="index-box">
	<div class="index-top">
		<div class="container1">
			<p class="p-wel">欢迎您来到武侯乐学武侯！！</p>
			<div class="right">
				<a href="#" title="">武侯政府网站</a><a href="#" title="">成都政府网站</a><a href="#" title="">社区网站</a>
			</div>
		</div>	
	</div>
	<div class="container">
		<div class="common-box">
			<div class="cont-top">
			    <a class="logo" href="index.html" title="">
			    	<img src="image/logo.png" alt="">
			    	<p>武侯社区教育　为市民终身学习服务</p>
			    </a>
			    <div class="right">
			    	<a class="big-a big-a-act" href="#" title="">
			    		<div class="img"></div>
			    		<p>课程开发</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>教育示范</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>业务指导</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>理论研究</p>
			    	</a>
			    </div>
			</div>
			<div class="common-box-down">
				<div class="right-nav">
			    	<a class="big-a big-a-act" href="#" title="">
			    		<div class="img"></div>
			    		<p>课程开发</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>教育示范</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>业务指导</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>理论研究</p>
			    	</a>
				</div>
				<div class="left-cont">
					<div class="left">
						<div class="l-nav">
							<div class="top">
								课程项目
							</div>
							<div class="down">
								<!-- <a class="a-act" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a>
								<a class="" href="#" title="">
									<p>学院介绍</p>
								</a> -->
								<a href="class.html" title="">
									<div>
										<p>学院课程</p>
									</div>
								</a>
								<a class="a-act" href="video.html" title="">
									<div>
										<p>微课视频</p>
									</div>
								</a>
								
							</div>
						</div>
					</div>
					<div class="right">
						<div class="top">
							<div class="head">
								微课视频
							</div>
							<div class="crumbs">
								<img src="image/address.png" alt="">
								<p>您的位置：<a href="#" title="">首页</a> > <a href="#" title="">课程项目</a> > <a href="#" title="">微课视频</a></p>
							</div>
						</div>
						<div class="txt-box">
							<div class="cont" style="overflow: visible;">
								<div class="img-ce">
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/v1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
									<a class="img-v" href="video-detail.html" title="">
										<div class="img">
											<img src="image/e1.jpg">
										</div>
										<p>锦绣社区</p>
									</a>
								</div>
								<div class="page">
									<a href="#" title=""><上一页</a>
									<div class="num-div">
										<a class="a-act" href="#" title="">1</a><a href="#" title="">2</a><a href="#" title="">3</a>
									</div>
									<a href="#" title="">下一页></a>
									<p>共 1 页，共 3 条</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="index-foot">
	<div class="cont">
		<p>版权所有：武侯区社区教育&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备xxxxxxxxx号-x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您是第 xxxxxxxxxx 位访问者&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：ISONIC索客</p>
	</div>
</div>
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>
    <script type="text/javascript">
        jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3,trigger:"click"});
        </script>
</html>